*{
    margin: 0;
    padding: 0;
}
 .box{
    width: 360px; 
    height: 747px;
    margin: auto;
}
header{
    width: 360px;
    height: 71px;
    position: fixed;
    top: 0px;
    overflow: hidden;
    background: #d7d7d7;
}
header ul li{
    list-style: none;
   float: left;
   font-size: 20px;
//    margin: 18px ;
   margin-left: 38px;
   color: black;
   margin-top: 34px;
}
header ul .a1{
    color: aqua;
}
.section1{
    width: 360px;
    height: 105px;
    background: rgb(65, 65, 66);
}
.section1 img{
    width: 360px;
    height: 105px;
}
.section2{
    width: 360px;
    height: 79px;
    /* background: yellow; */
}
.a{
    width: 312.5px;
    height: 79px;
    background: #2ccad3;
    margin-left: 24px;
    border-radius: 11px;
}
.a span{
    margin-left: 100px;
    font-size: 10px;
    color: #d7d7d7;
}
.b{
    width: 99px;
    height: 26px;
}
.b img{
    width: 99px;
    height: 26px;
    margin-left: 99px;
    margin-bottom: -30px;
}
.section3{
    width: 360px;
    height: 91px;
    /* background: #d1edef; */
}
.section3a,.section3d,.section3h{
    width: 68.5px;
    height: 22px;
    /* background: red; */
    border-radius: 5px;
    // border: 1px solid rgb(23, 76, 82);
}
.section3b,.section3c,.section3e,.section3f,.section3g{
    width: 38.5px;
    height: 23.5;
    /* background: #2ccad3; */
    border-radius: 10px;
    // border: 1px solid aqua;
}
.section3 div{
    float: left;
    margin: 4px;
    margin-top: 22px;
    background-color: #d8dce6;
}
.section3 div p{
    color: rgb(0, 136, 255);
    margin-left: 3px;
}
.section4{
    width: 360px;
    height: 81.5px;
}
.section4 img{
    width: 360px;
    height: 81.5px;
}
.section5{
    width: 360px;
    height: 122.3px;
}
.section5a{
    width: 309.5px;
    height: 122.3px;
    /* background: yellow; */
    margin: auto;
}
.section6{
    width: 360px;
    height: 50px;
    /* background: #f6f7f9; */
}
.section6a{
    width: 319px;
    height: 50px;
    margin: auto;
    background: #f6f7f9;
    border-radius: 10px;
}
.section7{
    width: 360px;
    height: 76px;
    /* background: yellowgreen; */
}
footer{
    width: 360px;
    height: 63px;
    background-color:white;
    bottom: 0px;
    position: fixed;
}
.footer1 img{
    width: 36.5px;
    height: 35px;
    margin-top: 23px;
}
.footer2{
    width: 267px;
    height: 35px;
    background: #50dbbe;
    border-radius: 20px;
    margin-left: 70px;
    margin-top: -37px;
}
.footer2 p{
    color: #ffffff;
    margin-left: 104px;
    font-size: 20px;
  }
.section7 div{
    width: 20px;
    height: 20px;
    float: left;
    margin: 20px;
    margin-left: 52px;
}
.section7 div img{
    width: 20px;
    height: 20px;
    margin: 20px;
}
header ul li:hover{
    color: aqua;
}
section{
    margin-top: 71px;
    width: 360px;
    // height: 100%;
    overflow: hidden;
}
.a3{
    width: 37px;
    height: 36px;
    margin-top: -7px;
    margin-left: 12px;
}
.a4{
    font-size: 18px;
    margin-top: -39px;
    margin-left: 59px;
}
.a5{
    font-size: 8px;
    margin: 10px;
    margin-left: 73px;
    margin-top: 1px;
    color: rgb(255, 0, 242);
}
.a7{
    background-color: rgb(198, 195, 192);
    width: 146px;
    border-radius: 5px;
}
.a8{
    font-size: 10px;
    margin: 10px;
    color: orange;
}
.a9{
    margin: 5px;
    margin-top: 5px;
    margin-left: 5px;
}
.a10{
    font-size: 5px;
    margin-left: 267px;
}
.a11{
    width: 320px;
    height: 48px;
    background-color: #d7d7d7;
    border-radius: 8px;
    margin: auto;
}
.e1{
    color: aqua;
}
.a12{
    width: 360px;
    height: 58px;
}
.a12 img{
    width: 17px;
    height: 17px;
}
.a13{
   width: 39px;
   height: 17px;
}
.a14{
   width: 39px;
   height: 17px;
}
.a15{
   width: 39px;
   height: 17px;
}
.x1{
    margin-top: 34px;
    margin-left: 59px;
}
.w1{
    margin-top: -23px;
    margin-left: 77px;
}
.x2{
    margin-top: 18px;
    margin-left: 165px;
}
.w3{
    margin-top: -24px;
    margin-left: 183px;
}
.x3{
    margin-top: 0px;
    margin-left: 275px;
}
.w5{
    margin-top: -24px;
    margin-left: 293px;
}
.nf{
    width: 360px;
    height: 63px;
}
.a1{
    margin-bottom: 30px;
}